<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:cc="http://java.sun.com/jsf/composite/customcomponents"
	contentType="text/html">
	
	<h:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title><h:outputText value="#{label['exampleBeanCache.title']} - #{label['appNameTitle']}"/></title>
	</h:head>	
	<h:body>
		<cc:LatamHeader userInfo="true">
			<cc:AppHeaderMenu/>
		</cc:LatamHeader>

		<h:form>		
			<p:growl id="growl" showDetail="true" showSummary="true"/>
			<p:panel styleClass="latam_body_panel">
				<p:fieldset
					legend="#{label['exampleBeanCache.inputHeader']}"
					styleClass="no_border">
					<h:panelGrid columns="3" styleClass="grid">					
						<p:panel styleClass="no-border">
							<p:outputLabel value="Id: "/>
							<p:inputText value="#{exampleBeanCache.id}" style="width: 25px;"/>
						</p:panel>
						<p:panel styleClass="no-border" style="text-align:center;">
							<p:commandButton 
								value="#{label['exampleBeanCache.simpleGet']}" actionListener="#{exampleBeanCache.get}" 
								update="@form"/>
							<br/>
							<p:commandButton 
								value="#{label['exampleBeanCache.simpleGetWithCache']}" actionListener="#{exampleBeanCache.getWithCache}" 
								update="@form"/>
						</p:panel>
						<p:panel styleClass="no-border" style="text-align: center;">
							<p:outputLabel value="#{label['exampleBeanCache.result']}"/>
							<br/>
							<p:outputLabel id="output" value="(#{exampleBeanCache.testValue.id}) #{exampleBeanCache.testValue.name}"/>
						</p:panel>
					</h:panelGrid>
					<h:outputText value="* #{label['exampleBeanCache.seeLog']}"/>
				</p:fieldset>
			</p:panel>
		</h:form>
		<cc:LatamFooter/>
	</h:body>
</f:view>